<!--  -->
<template>
  <div id="blog-list">
    <b-container>
      <b-row v-for="(i, index) in 3" :key="index">
        <b-col md="3" class="d-none d-lg-block">
          <img src="/static/images/blog1.jpg" alt="" class="w-100">
        </b-col>
        <b-col class="text-left blog-item">
          <h3>在 Docker 里跑 Java，趟坑总结</h3>
          <h4>tenxcloud • 2017年4月6日 • 暂无评论</h4>
          <p>请检查本地 DNS 是否是公共的 DNS ，由于本地运营商分配的 DNS 存在数据库更新缓慢以及可能导致被恶意劫持等隐患，建议更换为公共的 DNS 地址，提升访问速度以及稳定性，常见的公共 DNS 地址：们强烈建议客户使用已备案的自定义域名作为访问存储资源的域名，默认域名不建议作为长期的资源访问域名使用。</p>
          <a href="#">阅读全文 »</a>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
export default {
  components: {},

  data () {
    return {}
  },

  computed: {},

  methods: {}
}
</script>
<style lang='less' scoped>
  #blog-list {
    background: #ebecee;
    padding: 20px;
  }
  .row {
    margin-bottom: 1rem;
  }
  .blog-item {
    h3 {
      color: #373737;
      .ft(22);
    }
    h4 {
      color: #3782E7;
      .ft16;
      font-weight: 600;
    }
    p {
      .ft14;
      color: #666;
      line-height: 1.8;
      margin-bottom: 0;
    }
    a {
      color: #1968d2;
      .ft12;
    }
  }
</style>
